import { Flexbox } from "react-layout-kit"
import Empty from "./Empty"
import { useParams } from "react-router-dom"

export default function Chat() {
    const { id } = useParams();

    if(!id){
        return (
            <Empty />
        )
    }

    return (
        <Flexbox
            style={{
                width: '100%',
                height: '100%',
                backgroundColor: 'var(--bg-color)',
                color: 'var(--text-color)',
                padding: '100px',
            }}
        >
        </Flexbox>
    )
} 